<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>JQuery对象与JS对象区别与转换</title>
    <script src="js/jquery-3.3.1.min.js"></script>

</head>
<body>
<div id="div1">div1****</div>
<div id="div2">div2****</div>
        <script>
                var divs = document.getElementsByTagName("div");
                alert(divs)
                var $divs= $("div")
                alert($divs)
//都可当数组使用
    //例子：如果要改变所有<div>里的值
            $divs.html("bbb") //jq操作更加方便，对象方法不通用
                /**
                 * 1.Jquery对象在操作时，更加方便
                 * 2.jQuery对象和js对象方法不通用
                 * 3.两者相互转换
                 *      jq--->js  ：js对象[索引]或者 jq对象.get(索引)
                 *
                 *      js--->jq  ：  $(js对象)
                 *
                 */
        </script>
</body>
</html>